<template>
    <div class="item-page">
      <!-- 封装的商品列表 -->
        <!-- 扒vant商品列表  添加动态属性-->
       <van-card
  :price="item.price"
  :desc="item.desc"
  :title="item.title"
  :thumb="'http://liufusong.top:8080'+item.houseImg"
>
  <template #tags>
    <!-- 标签是一个数组需要遍历 -->
    <van-tag v-for='(item,index) in item.tags' :key='index' type="danger" color="#e1f5f8" text-color="#39becd">近地铁</van-tag>
  </template>
</van-card>
    </div>
</template>

<script>
export default {
  name: 'item-page',
  props: ['item']// 带引号
}
</script>

<style>
.van-card__price{
  color: red;
}
.van-card__title{
  font-size: 15px;
  font-weight: 800;
  color: #394043
}
.van-card__desc{
color: #afb2b3;
}
</style>
